//
// Tip: 全局scss文件,只允许声明变量,请勿将样式写入该文件
//

// Colors
//$color-primary: rgb(0, 150, 136) !default;
//$color-primary: #a60b17 !default;
$--color-primary: #009f95 !default;
$color-primary-opacity: rgba($--color-primary, .7) !default;
$--color-success: #67c23a !default;
$--color-warning: #e6a23c !default;
$--color-danger: #f56c6c !default;
$--color-info: #909399 !default;

$color-white: #fff !default;
$color-black: #000 !default;
$color-red: rgb(137, 0, 24) !default;

$color-text-primary: #303133 !default;
$color-text-regular: #606266 !default;
$color-text-secondary: #909399 !default;
$color-text-placeholder: #c0c4cc !default;

// Background
$background-color-base: #e0e0e0 !default;

// Minixs ===================

/**
文字溢出显示省略号样式
 */
@mixin text-overflow-ellipsis() {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}

@mixin shadow-box() {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}

/* Break-point
--------------------------*/
$-sm: 768px !default;
$-sm-up1: 769px !default;
$-sm-1: 767px !default;
$-md: 992px !default;
$-md-1: 991px !default;
$-lg: 1200px !default;
$-lg-1: 1199px !default;
$-xl: 1920px !default;
$-xl-1: 1919px !default;

$-breakpoints: (
        'xs' : (max-width: $-sm),
        'sm' : (min-width: $-sm),
        'md' : (min-width: $-md),
        'lg' : (min-width: $-lg),
        'xl' : (min-width: $-xl)
);

$-breakpoints-spec: (
        'xs-only' : (max-width: $-sm - 1),
        'sm-and-up' : (min-width: $-sm),
        'sm-only': "(min-width: #{$-sm}) and (max-width: #{$-md} - 1)",
        'sm-and-down': (max-width: $-md - 1),
        'md-and-up' : (min-width: $-md),
        'md-only': "(min-width: #{$-md}) and (max-width: #{$-lg } - 1)",
        'md-and-down': (max-width: $-lg - 1),
        'lg-and-up' : (min-width: $-lg),
        'lg-only': "(min-width: #{$-lg}) and (max-width: #{$-xl } - 1)",
        'lg-and-down': (max-width: $-xl - 1),
        'xl-only' : (min-width: $-xl),
);
